
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>

<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
    String webSocketPath = request.getServerName() + ":" + request.getServerPort() + path;
%>
<%--<jsp:include page="../container/top.jsp"/>--%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <base href="<%=basePath%>">
    <title>历史数据分析</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="stylesheet" type="text/css" href="jquery/easyui1.4.2/themes/gray/easyui.css">
    <link rel="stylesheet" type="text/css" href="jquery/easyui1.4.2/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="css/assets/css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/assets/css/ace.min.css"/>

    <script type="text/javascript" src="jquery/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="jquery/easyui1.4.2/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="jquery/easyui1.4.2/locale/easyui-lang-zh_CN.js"></script>

    <script>
        $(function () {
            // 变色特效
            var backgroundElement = window.top.cfgetTopBackgroundElement();
            $(backgroundElement).css("background", "rgba(225,115,95,0.85)");
        });

        function Tab(num) {
            if (num == 1) {
                document.getElementById("d1").style.display = "block";
                document.getElementById("L1").style.backgroundColor = "#7db4d8";
                document.getElementById("d2").style.display = "none";
                document.getElementById("L2").style.backgroundColor = "#eef4f9";
                document.getElementById("d3").style.display = "none";
                document.getElementById("L3").style.backgroundColor = "#eef4f9";
                $("#historysearchsensor").attr("src","mintor/datahistory/historysearchsensor.jsp");
            }
            else if (num == 2){
                document.getElementById("d2").style.display = "block";
                document.getElementById("L2").style.backgroundColor = "#7db4d8";
                document.getElementById("d1").style.display = "none";
                document.getElementById("L1").style.backgroundColor = "#eef4f9";
                document.getElementById("d3").style.display = "none";
                document.getElementById("L3").style.backgroundColor = "#eef4f9";
                $("#historysearchcnc").attr("src","mintor/datahistory/historysearchcnc.jsp");
            }
            else {
                document.getElementById("d3").style.display = "block";
                document.getElementById("L3").style.backgroundColor = "#7db4d8";
                document.getElementById("d1").style.display = "none";
                document.getElementById("L1").style.backgroundColor = "#eef4f9";
                document.getElementById("d2").style.display = "none";
                document.getElementById("L2").style.backgroundColor = "#eef4f9";
                $("#historyhealth").attr("src","mintor/datadiagnosis/historyhealth.jsp");
            }
        }
    </script>

    <style type="text/css">
        .L1 {
            background-color: #7db4d8;
            cursor: pointer;
            color: #000000;
            font-size: medium;
            font-family: 微软雅黑;
            border: none;
            width: 15%;
        }

        .L2 {
            background-color: #eef4f9;
            cursor: pointer;
            color: #000000;
            font-size: medium;
            font-family: 微软雅黑;
            width: 15%;
        }
    </style>
</head>

<body style="margin-top: 60px;background-color: white;height:800px">
<div>
    <table border=0 cellspacing=0 cellpadding=0 id=secTable style="width: 100%;border-bottom: 5px solid grey;height:40px;">
        <tr align=center style="font-size: 12px;height:30px">
            <td height=30px id="L1" class="L1" onclick="Tab(1)">历史感知查询</td>
            <td height=30px id="L2" class="L2" onclick="Tab(2)">历史状态查询</td>
            <td height=30px id="L3" class="L2" onclick="Tab(3)">历史健康分析</td>
        </tr>
    </table>
</div>

<div id="d1" class="widget-box" style="padding-bottom:15px;text-align: center;height:100%;display:block;">
    <iframe id="historysearchsensor" src="mintor/datahistory/historysearchsensor.jsp" frameborder="no" border="0" width="100%" height="100% " scrolling="auto"></iframe>
</div>
<div id="d2" class="widget-box" style="padding-bottom:15px;text-align: center;height:100%;display:none;">
    <iframe id="historysearchcnc"  frameborder="no" border="0" width="100%" height="100% " scrolling="auto"></iframe>
</div>
<div id="d3" class="widget-box" style="padding-bottom:15px;text-align: center;height:100%;display:none;">
    <iframe id="historyhealth"  frameborder="no" border="0" width="100%" height="100% "  scrolling="auto"></iframe>
</div>


</body>
</html>
